<template>
	<view class="p20 h100vh">
		<u-input placeholder="搜索职位名称" prefixIcon="search" prefixIconStyle="font-size: 40rpx;color: #aaa"
			class="inp ml10">
			<template slot="suffix">
				<u-button text="搜索" class="but" size="mini"></u-button>
			</template>
		</u-input>
		<scroll-view scroll-y="true" class="scroll-view oy-auto  pr h100 " @scrolltolower="getMore">
			<view class="p20 bag--fff mt20 br--20" v-for="item in 2" @click="goto('/pages/index/jobdetail')">
				<view class="fw  f15 text-hidden-1">
					企业招聘标题业务员样式同京津务工就1行再长的嗷嗷嗷是谁谁
				</view>
				<view class="flex a-center ju--between mt20">
					<view class="cred f15">
						30.00元/月
					</view>
					<view class="co--999 f12">
						1分钟前
					</view>
				</view>
				<view class=" f12 flex a-center mt20">
					<view class="bag co--7676">
						天津市
					</view>
				</view>
				<view class="flex a-center  mt30">
					<image src="../../static/shi.png" mode="" class="img20"></image>
					<view class="co--999 f12 mlr10">
						衡水市妙音文化传媒有限公司
					</view>
					<image src="../../static/qi.png" mode="" class="img16"></image>
				</view>
			</view>
			<view class="center fs12 co--999 mt10">
				上滑加载更多
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		onLoad() {

		},
		methods: {
			getMore() {
				this.pageNo++
				console.log(this.pageNo)
			},

		}
	}
</script>

<style lang="scss" scoped>
	::v-deep .u-border {
		border: none;
		background: #fff;
	}

	::v-deep .u-input--radius {
		border-radius: 42rpx !important;
	}

	::v-deep .u-input {
		margin-left: 16rpx;
		font-size: 28rpx;
	}

	::v-deep .u-button {
		width: 120rpx !important;
		height: 56rpx !important;
		border-radius: 28rpx !important;
		background: #0256FF !important;
		color: #fff !important;
		font-size: 28rpx;
	}

	.bag {
		background: #F1F1F1;
		padding: 4rpx;
		border-radius: 4rpx;
	}
</style>